<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>税企交互后台管理系统</title>
    <link th:href="@{css/nevigator.css}" href="../static/css/nevigator.css" rel="stylesheet">
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" />
    <style type="text/css">
        *{ margin:0;padding:0; }
        body{
            background-image:url("https://i.loli.net/2021/04/15/j6cIiZxzCDN17tH.png");
            background-size:cover;
        }
        #Logo{
            width:895px;height:45px;
            /*margin:上下 左右*/
            margin:50px auto;
            border-radius:10px;
            /*html + css3 渐变画图 */
            background-image:-webkit-linear-gradient(rgba(41,41,41,0.75) 0% ,rgba(54,54,54,0.72) 50%,rgba(24,23,23,0.94) 51%);
            box-shadow:1px 1px 33px #fff;/*设计阴影的*/
        }
        #Logo ul li
        {
            width:447px; height:45px;
            list-style:none;/*去掉圆点*/
            float:left;/*水平显示*/
            color:white;/* #fff */
            font-size:18px;
            font-family:"微软雅黑";
            text-align:center;
            line-height:45px;/* 行高跟 高度一致时，竖直居中*/
            border-right:1px solid #000;/*右边框*/
        }
        #Logo ul li a
        {
            color:white;/* #fff */
            font-size:18px;
            font-family:"微软雅黑";
            text-decoration:none;
        }
        #Logo ul li:hover
        {
            background:rgba(10,5,5,0.45);
        }
        #Logo ul li.first:hover
        {
            border-radius:10px 0px 0px 10px;/*左上 左下 圆弧显示 */
        }
        #Logo ul li.last:hover
        {
            border-radius:0px 10px 10px 0px;/*右上 右下 圆弧显示 */
        }
        #Logo ul li ul li
        {
            border:none;
            border-top:1px solid #989898;
            background:rgba(10,5,5,0.45);/*颜色透明度 */
            border-radius:10px;
        }
        #Logo ul li ul
        {
            display:none;/*不显示*/
        }
        #Logo ul li ul li:hover
        {
            background:rgba(10,5,5,0.8);/*颜色透明度 */
            border-radius:10px;
        }
        #Logo ul li:hover ul
        {
            display:block;
            -webkit-animation:roll 1s ease;/*roll 旋转名称，1s旋转效果 */
        }
        @-webkit-keyframes roll /*roll旋转名称与上面一致*/
        {
            0% {-webkit-transform:rotate(0deg);}
            100% {-webkit-transform:rotate(360deg);}
        }
    </style>
</head>
<body>
<div id="Logo">
    <ul>
        <li class="first">
            <a href="/v1/article/getStaffArticleList">我的文章<a>
        </li>
        <li class="last" style="border:none;">
            <a href="/v1/interaction/getInternativeMessageList">问题反馈<a>
        </li>
    </ul>
</div>
<div class="container">
    <div class="row clearfix">
<!--        <div class="col-md-12 column">-->
<!--                <label for="username" th:text="'前端传递过来的name：'+${id}" >Name</label>-->
<!--                <label for="username" th:text="'前端传递过来的password：'+ ${password}" >Name</label>-->
<!--        </div>-->
<!--    </div>-->
<!--        <ul class="nav nav-pills">-->
<!--            <li role="presentation"><a href="/v1/article/getStaffArticleList" class="href" target="_blank">我的文章</a></li>-->
<!--        </ul>-->
<!--        <ul class="nav nav-pills">-->
<!--            <li role="presentation"><a href="/v1/interaction/getInternativeMessageList" class="href" target="_blank">问题反馈</a></li>-->
<!--        </ul>-->
<!--</div>-->
</body>
</html>